* {

    padding: 0;

    margin: 0;

    box-sizing: border-box;

    font-family: ' ';

}



ul li {

    list-style: none;

}



a {

    text-decoration: none;

}



a:hover {

    text-decoration: none;

}



img {

    vertical-align: top;

    outline-width: 0ch;

}



body {

    overflow-x: hidden;

}



 :root {

    --main-color: #408ede;

    --main-color1: #eb6100;

    --main-color-white: #ffffff;

    --main-color-555: #555555;

    --main-color-999: #999999;

    --main-color-666: #666666;

    --main-color-333: #333333;

    --main-color-888: #888888;

    --main-color-222: #222222;

    --main-transition: all ease 0.4s;

    --main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}



@media only screen and (min-width: 996px) {

    .pchead {

        width: 100%;

        position: fixed;

        top: 45px;

        left: 0;

        z-index: 99;

        background-color: var(--main-color);

        height: 90px;

        padding: 0 5%;

    }

    .pcheader {

        width: 100%;

        margin: 0 auto;

        display: flex;

        align-items: center;

        justify-content: space-between;

        height: 90px;

    }

    .pclogo img {

        height: 50px;

    }

    .pcnav {

        display: flex;

        align-items: center;

        position: relative;

        z-index: 99;

    }

    .pcnav>li {

        position: relative;

        transition: var(--main-transition);

    }

    .pcnav>li>a {

        display: block;

        height: 90px;

        line-height: 90px;

        font-size: 16px;

        transition: var(--main-transition);

        color: var(--main-color-white);

        padding: 0 20px;

    }

    .pc_sec_nav {

        position: absolute;

        top: 100%;

        left: 0;

        width: 150px;

        background-color: var(--main-color-white);

        opacity: 0;

        visibility: hidden;

        transition: var(--main-transition);

    }

    .pc_sec_item a {

        color: var(--main-color-666);

        font-size: 14px;

        display: block;

        padding: 10px 20px;

        transition: var(--main-transition);

    }

    .pcnav>li>a:hover {

        color: var(--main-color-white);

    }

    .pc_sec_item a:hover {

        color: var(--main-color-white) !important;

    }

    .pcnav li:hover .pc_sec_nav {

        opacity: 1 !important;

        visibility: visible !important;

    }

    .pc_sec_item:hover .pc_third_nav {

        opacity: 1 !important;

        visibility: visible !important;

    }

    .pcnav li:hover .first_a {

        color: var(--main-color-white);

        background-color: #00a0e9;

    }

    .pc_sec_item:hover .second_a {

        color: var(--main-color-white) !important;

        background-color: var(--main-color);

    }

    .third_a:hover {

        color: var(--main-color-white) !important;

        background-color: var(--main-color);

    }

    .pc_sec_item {

        position: relative;

    }

    .pc_third_nav {

        position: absolute;

        left: 100%;

        top: 0;

        z-index: 998;

        width: 150px;

        opacity: 0;

        visibility: hidden;

        transition: var(--main-transition);

    }

    .third_a {

        color: var(--main-color-666);

        background-color: var(--main-color-white);

    }

    .ml_mb_head {

        display: none;

    }

    .ml_mb_nav {

        display: none;

    }

    .ml_banner {

        width: 100%;

        z-index: 998;

        margin-top: 90px !important;

    }

    .ml_banner:hover .bannerbtnleft {

        left: 10px !important;

        opacity: 1 !important;

    }

    .ml_banner:hover .bannerbtnright {

        right: 10px !important;

        opacity: 1 !important;

    }

    .ml_banner img {

        width: 100%;

    }

    .bannerpage .swiper-pagination-bullet {

        width: 15px !important;

        height: 15px !important;

    }

    .bannerbtn {

        width: 50px !important;

        display: flex;

        align-items: center;

        justify-content: center;

        color: var(--main-color-white);

        font-size: 25px;

        height: 50px !important;

        transition: var(--main-transition);

        background: rgba(0, 0, 0, .7);

        background-image: none !important;

        opacity: 0;

    }

    .bannerbtnleft {

        left: 0 !important;

    }

    .bannerbtnright {

        right: 0 !important;

    }

    .copy {

        width: 100%;

        text-align: center;

        padding: 15px;

        background-color: var(--main-color);

        background-color: #eeeff2;

    }

    .copycon {

        text-align: center;

        max-width: 1200px;

        text-align: center;

        font-size: 14px;

        color: var(--main-color-666);

        margin: 0 auto;

    }

    .copycon a {

        font-size: 14px;

        color: var(--main-color-666);

    }

    .inbanner {

        width: 100%;

        margin-top: 135px;

        background-image: url(../images/inbanner.jpg);

        background-repeat: no-repeat;

        background-size: cover;

        background-position: center;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    .inbanner strong {

        display: block;

        font-size: 30px;

        color: var(--main-color-white);

        font-weight: normal;

    }

    .inside {

        max-width: 1580px;

        margin: 0 auto;

        padding: 15px 65px;

    }

    .inside p {

        font-size: 14px;

        color: var(--main-color-333);

    }

    .top {

        height: 45px;

        background-image: url(../images/topbg.jpg);

        background-size: cover;

        position: fixed;

        top: 0;

        left: 0;

        width: 100%;

        padding: 0 5%;

        z-index: 999;

        display: flex;

        align-items: center;

    }

    .top span {

        color: var(--main-color-white);

        font-size: 16px;

    }

    .con1 {

        padding: 80px 5%;

        background-color: #f7f7f7;

    }

    .con1con {

        max-width: 100%;

    }

    .con_title {

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

        align-items: center;

        margin-bottom: 70px;

    }

    .con_title strong {

        font-size: 50px;

        color: var(--main-color);

        font-weight: normal;

    }

    .con_title em {

        margin-right: 30px;

    }

    .con_title_right {

        display: flex;

        align-items: center;

    }

    .activetab {

        display: flex;

        flex-wrap: wrap;

        align-items: center;

    }

    .activetab span {

        display: block;

        cursor: pointer;

        padding: 10px 20px;

        background-color: #dfdfdf;

        font-size: 16px;

        margin-right: 30px;

        border-radius: 50px;

    }

    .current_tab {

        background-color: var(--main-color) !important;

        color: var(--main-color-white);

    }

    .con_title_right a {

        color: var(--main-color-666);

        font-size: 20px;

    }

    .con1fycon {

        display: flex;

        justify-content: space-between;

    }

    .con1fy_left {

        width: 46%;

    }

    .con1fy_swiper {

        width: 100%;

    }

    .con1fy_swiper img {

        width: 100%;

        height: 580px;

        object-fit: cover;

    }

    .con1fy_swiper .swiper-slide {

        position: relative;

    }

    .con1fy_swiper p {

        position: absolute;

        width: 100%;

        height: 50px;

        background: rgba(0, 0, 0, .7);

        bottom: 0;

        left: 0;

        line-height: 50px;

        padding: 0 20px;

        padding-right: 150px;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 1;

        color: var(--main-color-white);

    }

    .con1fy_swiper_page {

        text-align: right !important;

        padding-right: 20px;

    }

    .con1fy_swiper_page .swiper-pagination-bullet {

        width: 15px !important;

        height: 15px !important;

        background-color: var(--main-color-white);

    }

    .con1fy_center {

        width: 25%;

    }

    .con1_center_item {

        width: 100%;

        margin-bottom: 30px;

        height: 275px;

        padding: 35px;

        background-color: var(--main-color-white);

        cursor: pointer;

        transition: var(--main-transition);

    }

    .con1_center_item:hover {

        background-color: var(--main-color);

    }

    .con1_center_item:hover a {

        color: var(--main-color-white);

    }

    .con1_center_item:hover p {

        color: var(--main-color-white);

    }

    .con1_center_item:hover strong {

        color: var(--main-color-white);

    }

    .con1_center_item:hover span {

        color: var(--main-color-white);

    }

    .con1_center_item a {

        display: block;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 1;

        font-size: 22px;

        color: var(--main-color-222);

    }

    .con1_center_item p {

        margin-top: 10px;

        font-size: 14px;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

        color: var(--main-color-666);

        line-height: 25px;

        border-bottom: 1px solid #f2f2f2;

    }

    .con1fy_right {

        width: 25%;

    }

    .con1_center_item_bottom {

        width: 100%;

        align-items: center;

        display: flex;

        padding-top: 30px;

        justify-content: space-between;

    }

    .con1_center_item_bottom_left strong {

        display: block;

        font-size: 34px;

        color: var(--main-color-999);

        margin-bottom: 5px;

        font-weight: normal;

    }

    .con1_center_item_bottom_left span {

        font-size: 16px;

        color: var(--main-color-999);

    }

    .con1fy_right_item {

        width: 100%;

        display: flex;

        cursor: pointer;

        align-items: center;

        background-color: var(--main-color-white);

        transition: var(--main-transition);

        padding: 35px;

        height: 175px;

        margin-bottom: 27px;

    }

    .con1fy_right_item:hover {

        background-color: var(--main-color);

    }

    .con1fy_right_item:hover strong {

        color: var(--main-color-white);

    }

    .con1fy_right_item:hover span {

        color: var(--main-color-white);

    }

    .con1fy_right_item:hover a {

        color: var(--main-color-white);

    }

    .con1fy_right_item_left {

        width: 22%;

        border-right: 1px solid #f3f3f3;

    }

    .con1fy_right_item_left strong {

        display: block;

        position: relative;

        font-size: 34px;

        color: var(--main-color-999);

        font-weight: normal;

        margin-bottom: 10px;

    }

    .con1fy_right_item_left strong::after {

        position: absolute;

        content: '';

        width: 30px;

        height: 1px;

        left: 0;

        bottom: -5px;

        left: 0;

        background-color: #dadada;

    }

    .con1fy_right_item_left span {

        color: var(--main-color-999);

        font-size: 16px;

    }

    .con1fy_right_item_right {

        width: 76%;

        padding-left: 20px;

    }

    .con1fy_right_item_right a {

        display: block;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

        font-size: 22px;

        color: var(--main-color-222);

    }

    .con1fy_right_item_right img {

        display: block;

        margin-top: 10px;

    }

    .con1fy {

        display: none;

    }

    .more_mb {

        display: none;

    }

    .con2 {

        padding: 80px 5%;

        background-color: #408ede;

    }

    .con2con {

        max-width: 100%;

    }

    .con2con .con_title strong {

        color: var(--main-color-white);

    }

    .con2con .con_title a {

        color: var(--main-color-white);

    }

    .mySwiper_leader {

        width: 100%;

    }

    .team_box {

        padding: 20px;

        background-color: #277cd2;

    }

    .team_box>img {

        width: 100%;

    }

    .team_box .more_icon {

        width: 30px !important;

        display: block;

    }

    .team_box p {

        color: var(--main-color-white);

        font-size: 25px;

        margin: 15px 0;

    }

    .team_box span {

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

        color: var(--main-color-white);

        font-size: 16px;

        line-height: 25px;

        margin-bottom: 15px;

    }

    .team_box img {

        width: 100%;

    }

    .tab_btn {

        margin-top: 40px;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    .tab_btn img {

        cursor: pointer;

        width: 50px;

    }

    .con3 {

        padding: 80px 5%;

    }

    .con3con {

        max-width: 100%;

        display: flex;

        justify-content: space-between;

        flex-wrap: wrap;

    }

    .con3left {

        width: 48%;

    }

    .con3left_item {

        width: 100%;

        padding: 25px 0;

        border-bottom: 1px dashed #eaedf3;

        display: flex;

        cursor: pointer;

        align-items: center;

        justify-content: space-between;

    }

    .con3left_item:last-child {

        border: none !important;

    }

    .con3left_item:hover img {

        transform: scale(1.1);

    }

    .con3left_item:hover span {

        color: var(--main-color);

    }

    .con3left_item_left img {

        width: 100%;

        object-fit: cover;

        height: 135px;

        transition: var(--main-transition);

    }

    .con3left_item_left {

        width: 25%;

        overflow: hidden;

    }

    .con3left_item_right {

        width: 72%;

    }

    .con3left_item_right span {

        color: var(--main-color-222);

        font-size: 20px;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 1;

        margin-bottom: 25px;

    }

    .con3left_item_right p {

        font-size: 16px;

        color: var(--main-color-666);

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

    }

    .con3left_item_right a {

        color: var(--main-color);

        display: block;

        margin-top: 10px;

    }

    .con3right {

        width: 48%;

    }

    .con3right img {

        width: 100%;

        height: 550px !important;

        object-fit: cover;

    }

    .con4 {

        background-color: #f3f1f2;

        padding: 80px 5%;

    }

    .con4con {

        max-width: 100%;

    }

    .con4con ul {

        display: flex;

        flex-wrap: wrap;

    }

    .con4con ul li {

        width: calc((100% - 70px) / 3);

        border-radius: 10px;

        margin-right: 35px;

        margin-bottom: 35px;

        cursor: pointer;

    }

    .con4con ul li:hover .brand_box img {

        transform: scale(1.1);

    }

    .con4con ul li:nth-child(3n) {

        margin-right: 0;

    }

    .brand_box {

        overflow: hidden;

    }

    .brand_box img {

        width: 100%;

        border-top-left-radius: 10px;

        border-top-right-radius: 10px;

        height: 200px;

        object-fit: cover;

        transition: var(--main-transition);

    }

    .brand_txt {

        padding: 40px 80px;

        background-color: var(--main-color-white);

        border-bottom-left-radius: 10px;

        border-bottom-right-radius: 10px;

        position: relative;

    }

    .brand_txt p {

        color: var(--main-color-222);

        font-size: 25px;

        margin-bottom: 10px;

    }

    .brand_txt span {

        color: var(--main-color-999);

        font-size: 18px;

    }

    .brand_txt img {

        position: absolute;

    }

    .quote {

        left: 40px;

        top: 20px;

    }

    .rec {

        right: 80px;

        top: 60px;

        width: 60px;

    }

    .foot {

        padding: 50px 5%;

        background-color: #22283c;

    }

    .footer {

        max-width: 100%;

    }

    .links {

        padding-bottom: 20px;

        border-bottom: 1px solid #393e50;

    }

    .links strong {

        display: block;

        margin-bottom: 20px;

        font-size: 25px;

        font-weight: 400;

        color: var(--main-color-white);

    }

    .links ul {

        display: flex;

        flex-wrap: wrap;

    }

    .links ul li {

        width: calc((100% - 120px) / 7);

        margin-right: 20px;

        margin-bottom: 20px;

    }

    .links ul li:nth-child(7n) {

        margin-right: 0;

    }

    .links ul li img {

        width: 100%;

    }

    .foot_link {

        padding: 20px 0;

        justify-content: center;

        display: flex;

        align-items: center;

        border-bottom: 1px solid #393e50;

        margin-bottom: 30px;

    }

    .foot_link a {

        color: #8d9ea2;

        font-size: 16px;

        display: block;

        margin: 0 20px;

    }

    .foot_contact {

        display: flex;

        justify-content: space-between;

    }

    .foot_contact_left ul li {

        display: flex;

        margin-bottom: 15px;

    }

    .foot_contact ul li img {

        width: 20px;

    }

    .foot_contact ul li span {

        color: #8d9ea2;

        font-size: 15px;

        display: block;

        margin-left: 10px;

    }

    .foot_contact_right img {

        width: 100px;

        height: 100px;

    }

    .foot_contact_right p {

        color: #8d9ea2;

        font-size: 15px;

        text-align: center;

        margin-top: 10px;

    }

    .inbanner img {

        width: 100%;

    }

    .aboutuspage {

        padding: 15px 65px;

        max-width: 1580px;

        margin: 0 auto;

    }

    .aboutuspagecon {

        width: 100%;

        box-shadow: var(--main-shadow);

        padding: 50px 20px;

        border-radius: 10px;

    }

}



@media only screen and (max-width: 996px) {

    .aboutuspage {

        padding: 30px 15px;

        margin: 0 auto;

    }

    .aboutuspagecon {

        width: 100%;

        box-shadow: var(--main-shadow);

        padding: 15px;

        border-radius: 10px;

    }

    .inbanner img {

        width: 100%;

    }

    .foot {

        padding: 30px 15px;

        background-color: #22283c;

    }

    .footer {

        max-width: 100%;

    }

    .links {

        padding-bottom: 20px;

        border-bottom: 1px solid #393e50;

    }

    .links strong {

        display: block;

        margin-bottom: 15px;

        font-size: 20px;

        font-weight: 400;

        color: var(--main-color-white);

    }

    .links ul {

        display: flex;

        flex-wrap: wrap;

    }

    .links ul li {

        width: calc((100% - 40px) / 3);

        margin-right: 20px;

        margin-bottom: 15px;

    }

    .links ul li:nth-child(3n) {

        margin-right: 0;

    }

    .links ul li img {

        width: 100%;

    }

    .foot_link {

        flex-wrap: wrap;

        padding: 10px 0;

        display: flex;

        border-bottom: 1px solid #393e50;

        margin-bottom: 20px;

    }

    .foot_link a {

        color: #8d9ea2;

        font-size: 14px;

        display: block;

        margin-right: 10px;

        margin-bottom: 10px;

    }

    .foot_contact {

        flex-wrap: wrap;

        display: flex;

        justify-content: space-between;

    }

    .foot_contact_left ul li {

        display: flex;

        margin-bottom: 10px;

    }

    .foot_contact ul li img {

        width: 20px;

    }

    .foot_contact ul li span {

        color: #8d9ea2;

        font-size: 15px;

        display: block;

        margin-left: 10px;

    }

    .foot_contact_right {

        width: 100%;

        margin-top: 20px;

    }

    .foot_contact_right img {

        width: 100px;

        height: 100px;

    }

    .foot_contact_right p {

        color: #8d9ea2;

        font-size: 15px;

        text-align-last: left;

        margin-top: 10px;

    }

    .con4 {

        background-color: #f3f1f2;

        padding: 30px 15px;

    }

    .con4con {

        max-width: 100%;

    }

    .con4con ul {

        display: flex;

        flex-wrap: wrap;

    }

    .con4con ul li {

        width: 100%;

        margin-bottom: 20px;

        cursor: pointer;

    }

    .con4con ul li:hover .brand_box img {

        transform: scale(1.1);

    }

    .brand_box {

        overflow: hidden;

    }

    .brand_box img {

        width: 100%;

        border-top-left-radius: 10px;

        border-top-right-radius: 10px;

        object-fit: cover;

        transition: var(--main-transition);

    }

    .brand_txt {

        padding: 40px;

        background-color: var(--main-color-white);

        border-bottom-left-radius: 10px;

        border-bottom-right-radius: 10px;

        position: relative;

    }

    .brand_txt p {

        color: var(--main-color-222);

        font-size: 16px;

        margin-bottom: 10px;

    }

    .brand_txt span {

        color: var(--main-color-999);

        font-size: 14px;

    }

    .brand_txt img {

        position: absolute;

    }

    .quote {

        left: 15px;

        top: 20px;

    }

    .rec {

        right: 20px;

        bottom: 20px;

        width: 30px;

    }

    .con3 {

        padding: 30px 15px;

    }

    .con3con {

        max-width: 100%;

        display: flex;

        justify-content: space-between;

        flex-wrap: wrap;

    }

    .con3left {

        width: 100%;

        margin-bottom: 25px;

    }

    .con3left_item {

        width: 100%;

        padding: 15px 0;

        border-bottom: 1px dashed #eaedf3;

        display: flex;

        cursor: pointer;

        flex-wrap: wrap;

        align-items: center;

        justify-content: space-between;

    }

    .con3left_item:last-child {

        border: none !important;

    }

    .con3left_item:hover img {

        transform: scale(1.1);

    }

    .con3left_item:hover span {

        color: var(--main-color);

    }

    .con3left_item_left img {

        width: 100%;

        object-fit: cover;

        height: 135px;

        transition: var(--main-transition);

    }

    .con3left_item_left {

        width: 100%;

        overflow: hidden;

    }

    .con3left_item_right {

        width: 100%;

        margin-top: 15px;

    }

    .con3left_item_right span {

        color: var(--main-color-222);

        font-size: 15px;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 1;

        margin-bottom: 10px;

    }

    .con3left_item_right p {

        font-size: 13px;

        color: var(--main-color-666);

        width: 100%;

        line-height: 25px;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

    }

    .con3left_item_right a {

        color: var(--main-color);

        display: block;

        font-size: 12px;

        margin-top: 10px;

    }

    .con3right {

        width: 100%;

    }

    .con3right img {

        width: 100%;

        object-fit: cover;

    }

    .con2 {

        padding: 30px 15px;

        background-color: #408ede;

    }

    .con2con .con_title strong {

        color: var(--main-color-white);

    }

    .con2con .con_title a {

        color: var(--main-color-white);

    }

    .mySwiper_leader {

        width: 100%;

    }

    .team_box {

        padding: 15px;

        background-color: #277cd2;

    }

    .team_box>img {

        width: 100%;

    }

    .team_box .more_icon {

        width: 20px !important;

        display: block;

    }

    .team_box p {

        color: var(--main-color-white);

        font-size: 16px;

        margin: 15px 0;

    }

    .team_box span {

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

        color: var(--main-color-white);

        font-size: 14px;

        line-height: 25px;

        margin-bottom: 15px;

    }

    .team_box img {

        width: 100%;

    }

    .tab_btn {

        margin-top: 40px;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    .tab_btn img {

        cursor: pointer;

        width: 50px;

    }

    .more_mb {

        width: 120px;

        display: block;

        height: 35px;

        line-height: 35px;

        text-align: center;

        font-size: 14px;

        color: var(--main-color-white);

        background-color: var(--main-color);

        margin: 0 auto;

        margin-top: 20px;

        border-radius: 40px;

    }

    .con1 {

        padding: 30px 15px;

        background-color: #f7f7f7;

    }

    .con1con {

        max-width: 100%;

    }

    .con_title {

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

        align-items: center;

        margin-bottom: 30px;

    }

    .con_title strong {

        font-size: 20px;

        color: var(--main-color);

        font-weight: normal;

        margin-bottom: 15px;

    }

    .con_title em {

        margin-right: 10px;

    }

    .con_title_right {

        display: flex;

        align-items: center;

        width: 100%;

    }

    .activetab {

        flex-wrap: wrap;

        display: flex;

        flex-wrap: wrap;

        width: 100%;

        align-items: center;

    }

    .activetab span {

        margin-right: 2%;

        display: block;

        width: 31%;

        margin-bottom: 20px;

        cursor: pointer;

        padding: 10px;

        text-align: center;

        background-color: #dfdfdf;

        font-size: 14px;

        border-radius: 50px;

    }

    .current_tab {

        background-color: var(--main-color) !important;

        color: var(--main-color-white);

    }

    .con_title_right a {

        color: var(--main-color-666);

        font-size: 20px;

        display: none;

    }

    .con1fycon {

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

    }

    .con1fy_left {

        width: 100%;

    }

    .con1fy_swiper {

        width: 100%;

    }

    .con1fy_swiper img {

        width: 100%;

        object-fit: cover;

        height: 220px;

        object-fit: cover;

    }

    .con1fy_swiper .swiper-slide {

        position: relative;

    }

    .con1fy_swiper p {

        position: absolute;

        width: 100%;

        height: 40px;

        background: rgba(0, 0, 0, .7);

        bottom: 0;

        left: 0;

        line-height: 40px;

        padding: 0 15px;

        padding-right: 50px;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 1;

        font-size: 12px;

        color: var(--main-color-white);

    }

    .con1fy_swiper_page {

        text-align: right !important;

        padding-right: 20px;

    }

    .con1fy_swiper_page .swiper-pagination-bullet {

        width: 10px !important;

        height: 10px !important;

        background-color: var(--main-color-white);

    }

    .con1fy_center {

        width: 100%;

        margin-top: 20px;

    }

    .con1_center_item {

        width: 100%;

        margin-bottom: 20px;

        padding: 15px;

        background-color: var(--main-color-white);

        cursor: pointer;

        transition: var(--main-transition);

    }

    .con1_center_item:hover {

        background-color: var(--main-color);

    }

    .con1_center_item:hover a {

        color: var(--main-color-white);

    }

    .con1_center_item:hover p {

        color: var(--main-color-white);

    }

    .con1_center_item:hover strong {

        color: var(--main-color-white);

    }

    .con1_center_item:hover span {

        color: var(--main-color-white);

    }

    .con1_center_item a {

        display: block;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 1;

        font-size: 16px;

        color: var(--main-color-222);

    }

    .con1_center_item p {

        margin-top: 10px;

        font-size: 14px;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

        color: var(--main-color-666);

        line-height: 25px;

        /* padding-bottom: 10px; */

    }

    .con1fy_right {

        width: 100%;

    }

    .con1_center_item_bottom {

        width: 100%;

        align-items: center;

        display: flex;

        margin-top: 10px;

        justify-content: space-between;

    }

    .con1_center_item_bottom_left strong {

        display: block;

        font-size: 16px;

        color: var(--main-color-999);

        margin-bottom: 5px;

        font-weight: bold;

    }

    .con1_center_item_bottom_left span {

        font-size: 14px;

        color: var(--main-color-999);

    }

    .con1fy_right_item {

        width: 100%;

        display: flex;

        cursor: pointer;

        align-items: center;

        background-color: var(--main-color-white);

        transition: var(--main-transition);

        padding: 15px;

        margin-bottom: 20px;

    }

    .con1fy_right_item:hover {

        background-color: var(--main-color);

    }

    .con1fy_right_item:hover strong {

        color: var(--main-color-white);

    }

    .con1fy_right_item:hover span {

        color: var(--main-color-white);

    }

    .con1fy_right_item:hover a {

        color: var(--main-color-white);

    }

    .con1fy_right_item_left {

        width: 22%;

        padding-right: 10px;

        border-right: 1px solid #f3f3f3;

    }

    .con1fy_right_item_left strong {

        display: block;

        position: relative;

        font-size: 16px;

        color: var(--main-color-999);

        font-weight: normal;

        margin-bottom: 10px;

    }

    .con1fy_right_item_left strong::after {

        position: absolute;

        content: '';

        width: 30px;

        height: 1px;

        left: 0;

        bottom: -5px;

        left: 0;

        background-color: #dadada;

    }

    .con1fy_right_item_left span {

        color: var(--main-color-999);

        font-size: 13px;

    }

    .con1fy_right_item_right {

        width: 76%;

        padding-left: 20px;

    }

    .con1fy_right_item_right a {

        display: block;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        line-height: 25px;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

        font-size: 14px;

        color: var(--main-color-222);

    }

    .con1fy_right_item_right img {

        display: block;

        margin-top: 15px;

    }

    .con1fy {

        display: none;

    }

    .top {

        display: none;

    }

    html {

        overflow-x: hidden;

    }

    .inside {

        padding: 30px 15px;

        padding-top: 10px;

        margin: 0 auto;

    }

    .inside p {

        font-size: 14px;

        color: var(--main-color-333);

    }

    .inbanner {

        width: 100%;

        margin-top: 60px;

        background-image: url(../images/inbanner.jpg);

        background-repeat: no-repeat;

        background-size: cover;

        background-position: center;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    .inbanner strong {

        display: block;

        font-size: 25px;

        color: var(--main-color);

        font-weight: normal;

    }

    .copy {

        width: 100%;

        text-align: center;

        padding: 15px;

        background-color: var(--main-color);

        margin-bottom: 60px;

    }

    .copycon {

        text-align: center;

        text-align: center;

        font-size: 13px;

        color: var(--main-color-white);

        margin: 0 auto;

    }

    .copycon a {

        font-size: 13px;

        color: var(--main-color-white);

    }

    .ml_banner {

        width: 100%;

        margin-top: 60px !important;

    }

    .ml_banner img {

        width: 100%;

    }

    .bannerpage .swiper-pagination-bullet {

        width: 10px !important;

        height: 10px !important;

    }

    .bannerbtn {

        width: 40px !important;

        height: 40px !important;

        display: flex;

        align-items: center;

        justify-content: center;

        color: var(--main-color-white);

        font-size: 25px;

        transition: var(--main-transition);

        background: rgba(0, 0, 0, .7);

        background-image: none !important;

    }

    .pchead {

        display: none;

    }

    .pcnav {

        display: none;

    }

    .ml_mb_arrowChange {

        transform: rotate(90deg);

    }

    .ml_mbnav_3 {

        display: none;

    }

    .ml_mbnav_3_item {

        display: flex;

        padding: 0 20px;

        justify-content: space-between;

        align-items: center;

        border-bottom: 1px solid #f3f3f3;

        background-color: #efefef;

    }

    .ml_mbnav_3_item>a {

        display: block;

        width: 100%;

        height: 40px;

        line-height: 40px;

        color: var(--main-color-666);

        font-size: 14px;

        padding-left: 35px;

    }

    .ml_mb_nav i {

        font-size: 22px !important;

        transition: var(--main-transition);

    }

    .ml_mbnav_2_item {

        display: flex;

        padding: 0 20px;

        justify-content: space-between;

        align-items: center;

        border-bottom: 1px solid #f3f3f3;

        background-color: #e3e3e3;

    }

    .ml_mbnav_2_item>a {

        display: block;

        height: 40px;

        width: 100%;

        line-height: 40px;

        color: var(--main-color-666);

        font-size: 14px;

        padding-left: 20px;

    }

    .ml_mbnav_2 {

        display: none;

    }

    .ml_mbnav_1_item>a {

        display: block;

        height: 40px;

        line-height: 40px;

        color: var(--main-color-666);

        font-size: 14px;

        width: 100%;

    }

    .ml_mbnav_1_item {

        display: flex;

        padding: 0 20px;

        justify-content: space-between;

        align-items: center;

        border-bottom: 1px solid #f3f3f3;

    }

    .ml_mb_nav {

        width: 100%;

        height: calc(100% - 60px);

        position: fixed;

        top: 60px;

        right: -100%;

        background-color: var(--main-color-white);

        z-index: 100;

        border-top: 1px solid #ccc;

        overflow: scroll;

        padding: 20px 0;

        transition: var(--main-transition);

    }

    .mb_navShow {

        right: 0 !important;

    }

    .hb_fadeout {

        opacity: 0 !important;

    }

    .change2 {

        transform: translateY(-10px) rotate(-45deg);

    }

    .change1 {

        transform: translateY(10px) rotate(45deg);

    }

    .hb span {

        display: block;

        width: 30px;

        height: 1px;

        background-color: var(--main-color-white);

        transition: var(--main-transition);

    }

    .hb {

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

        height: 20px;

        flex-direction: column;

    }

    .ml_mb_logo img {

        width: 270px;

    }

    .ml_mb_head {

        display: flex;

        height: 60px;

        padding: 0 20px;

        background-color: var(--main-color);

        position: fixed;

        top: 0;

        left: 0;

        align-items: center;

        justify-content: space-between;

        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

        width: 100%;

        z-index: 99;

    }

    .ml_pcheader {

        display: none;

    }

}